import React from 'react';
import ReactDOM from 'react-dom/client';
import router from "./router/router";
import {RouterProvider} from "react-router-dom";
import reportWebVitals from "./reportWebVitals";
import "./assets/css/base.css";
import "./assets/css/theme.css";
import {Button, ConfigProvider, theme} from "antd";
import AntdThemeConfig from "./antdThemeConfig";
// import '@radix-ui/themes/styles.css';
// import { Theme } from '@radix-ui/themes';
const root = ReactDOM.createRoot(
  document.getElementById('root') as HTMLElement
);

root.render(
  /**
   * <React.StrictMode>
   * 表示严格模式
   * 这里我们先使用
   * 注意：在严格模式中，一个页面方法会被执行两次，
   * 这个不用担心，这是为了开发时保证页面的正确性
   * 在生产环境中就不会出现了
   * */
  <>
    {/*<React.StrictMode>*/}
      <ConfigProvider
        theme={AntdThemeConfig.theme}
      >
        <RouterProvider router={router}/>
      </ConfigProvider>

    {/*</React.StrictMode>*/}
  </>

);

reportWebVitals();
